a, .transition, :before, img, .nav {
  transition: All 0.3s linear;
  -webkit-transition: All 0.3s linear;
  -moz-transition: All 0.3s linear;
  -o-transition: All 0.3s linear; }

.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.flex {
  display: flex;
  display: -webkit-flex; }

.flexColumn {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column; }

.itemsCenter {
  align-items: center;
  -webkit-align-items: center; }

.justifyCenter {
  justify-content: center;
  -webkit-justify-content: center; }

.flexAround {
  justify-content: space-around;
  -webkit-justify-content: space-around; }

.flexBetween {
  justify-content: space-between;
  -webkit-justify-content: space-between; }

.flexWrap {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap; }

@media screen and (max-width: 800px) {
  html {
    font-size: 50px; }

  body {
    font-size: .24rem; }

  .wal {
    max-width: 8rem; }

  body.navShow .navBg {
    display: block; }
  body.navShow .head .nav {
    right: 0; }

  .navBg {
    position: fixed;
    z-index: 49;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    display: none; }

  .headD {
    height: 1rem; }

  .head {
    position: fixed;
    z-index: 50;
    left: 0;
    top: 0;
    width: 100%;
    background: #fff; }
    .head .wal {
      height: 1rem; }
    .head .navA {
      display: block;
      position: absolute;
      z-index: 10;
      left: auto;
      right: -0.3rem;
      top: 0;
      bottom: auto;
      width: 1rem;
      height: 1rem;
      background: url("../image/navA.png") center no-repeat;
      background-size: .4rem; }
    .head .language {
      right: 1.7rem; }
      .head .language a {
        width: .4rem;
        margin-top: -.2rem; }
    .head .searchA {
      right: 1rem;
      width: .4rem;
      height: .4rem;
      margin-top: -.2rem; }

  .nav {
    position: fixed;
    height: 100%;
    overflow-y: auto;
    width: 4rem;
    background: #000;
    right: -4rem; }
    .nav .close {
      display: block;
      height: 1rem; }
      .nav .close i {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        background: url("../image/close.png") center no-repeat;
        background-size: .4rem;
        width: 1rem;
        height: 1rem; }
    .nav li {
      float: none;
      margin: 0;
      border-top: rgba(255, 255, 255, 0.2) solid 1px; }
    .nav a.name {
      line-height: 1rem;
      height: 1rem;
      color: #fff;
      font-size: .26rem;
      text-align: center; }
      .nav a.name:before {
        display: none; }
      .nav a.name.on {
        color: #fff; }
    .nav .list {
      position: relative;
      top: 0;
      opacity: 1;
      visibility: visible;
      border-top: rgba(255, 255, 255, 0.2) solid 1px;
      display: none; }
      .nav .list a {
        background: rgba(0, 42, 77, 0.6);
        font-size: .24rem;
        height: .8rem;
        line-height: .8rem; }
    .nav .list2 dl {
      margin: 0; }
    .nav .list2 dd dl {
      position: relative;
      left: 0;
      width: 100%;
      opacity: 1;
      visibility: visible;
      display: none;
      border-top: rgba(255, 255, 255, 0.2) solid 1px; }
    .nav .list2 dd dd a {
      font-size: .24rem; }
    .nav li:hover a.name {
      color: #fff; }

  .foot {
    padding: 1rem 0 .3rem 0;
    font-size: .22rem;
    line-height: .4rem; }
    .foot .link {
      display: none; }
    .foot .msg span {
      display: block; }

  .sideBar {
    display: none; }

  /*index----*/
  .indexFlash .swiper-slide .wal {
    height: 4rem; }
  .indexFlash .swiper-slide .img {
    width: 4rem;
    padding-top: 1.5rem; }

  .indexPart1 {
    background-size: 200%; }
    .indexPart1 .imgDiv {
      display: none; }
    .indexPart1 .title {
      background-position: left .6rem; }
      .indexPart1 .title h2 {
        line-height: .7rem;
        font-size: .24rem; }
        .indexPart1 .title h2:before {
          left: 1rem; }
    .indexPart1 .content {
      font-size: .24rem;
      max-width: 100%; }
    .indexPart1 .list {
      min-height: 2.3rem;
      padding-bottom: .2rem; }
      .indexPart1 .list li {
        max-width: 100%; }
        .indexPart1 .list li h2 {
          font-size: .26rem; }
        .indexPart1 .list li p {
          font-size: .22rem; }
    .indexPart1 a.more {
      width: 1.6rem;
      height: .6rem;
      line-height: .58rem;
      font-size: .24rem; }

  .pageTitle {
    background-position: center 1.5rem; }
    .pageTitle h2 {
      font-size: .26rem;
      height: .7rem; }

  .indexPart2 {
    padding-bottom: .5rem; }
    .indexPart2 .list {
      margin-left: -.3rem;
      margin-right: -.3rem; }
      .indexPart2 .list li {
        width: 25%; }
        .indexPart2 .list li:before {
          display: none; }
        .indexPart2 .list li .img {
          margin: 0 auto; }
        .indexPart2 .list li h2 {
          font-size: .24rem;
          line-height: .8rem; }
    .indexPart2 .box .content {
      font-size: .24rem;
      line-height: 1.8em;
      width: 100%; }
    .indexPart2 .box .img {
      width: 100%;
      position: relative; }

  .indexPart3 .btn {
    padding-bottom: .2rem; }
    .indexPart3 .btn ul {
      background: none;
      flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
      margin-left: -.3rem;
      margin-right: -.3rem; }
    .indexPart3 .btn li {
      padding: 0 0 .1rem 0; }
      .indexPart3 .btn li a {
        height: .7rem;
        line-height: .7rem;
        font-size: .24rem;
        padding: 0 .3rem; }
  .indexPart3 .list a.arrow {
    display: none; }
  .indexPart3 .list .swiper-slide .img:before {
    width: 80%;
    height: 80%; }
  .indexPart3 .list .swiper-slide .name a {
    height: .58rem;
    line-height: .58rem;
    font-size: .22rem; }

  .pageMore a {
    font-size: .24rem;
    width: 1.8rem;
    height: .6rem;
    line-height: .56rem; }

  .footBg {
    background-size: 200%; }

  .indexPart4 li {
    width: 25%; }

  /*page----*/
  .pageBanner .title {
    font-size: .24rem; }

  .pageNav a {
    height: .9rem;
    line-height: .9rem;
    padding: 0;
    font-size: .26rem;
    min-width: 1.5rem;
    text-align: center; }

  .about_01 {
    padding: .6rem 0 1.2rem 0; }
    .about_01 .title {
      font-size: .22rem; }
      .about_01 .title h2 {
        font-size: .32rem;
        padding-bottom: .2rem; }
    .about_01 .content {
      font-size: .24rem;
      max-width: 100%; }
    .about_01 .list {
      min-height: 2.3rem;
      padding-bottom: .2rem; }
      .about_01 .list li {
        max-width: 100%; }
        .about_01 .list li h2 {
          font-size: .26rem; }
        .about_01 .list li p {
          font-size: .22rem; }
    .about_01 .imgDiv {
      width: 90%;
      position: relative;
      top: 0; }

  .about_02 {
    padding: .8rem 0 .5rem 0; }
    .about_02 .title {
      width: 4rem;
      height: 4rem;
      background-size: 6rem;
      position: relative;
      top: 0;
      left: 0;
      margin: 0 auto;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%; }
    .about_02 .list {
      padding: .3rem 0 0 .6rem; }
    .about_02 li {
      position: relative;
      width: 100%;
      padding: 0 0 0 .77rem;
      text-align: left; }
      .about_02 li .num {
        right: auto;
        left: 0; }
      .about_02 li h2 {
        font-size: .26rem;
        margin-top: 0; }
      .about_02 li p {
        font-size: .24rem;
        line-height: 1.8em;
        padding-bottom: .3rem; }
      .about_02 li.li_01, .about_02 li.li_02, .about_02 li.li_03, .about_02 li.li_04 {
        right: 0;
        margin-right: 0;
        top: 0; }
      .about_02 li.li_05, .about_02 li.li_06, .about_02 li.li_07, .about_02 li.li_08 {
        left: 0;
        margin-left: 0;
        top: 0; }
      .about_02 li.li_01 h2, .about_02 li.li_02 h2, .about_02 li.li_03 h2 {
        margin-top: 0; }

  .about_03 .list2 li {
    font-size: .22rem; }
  .about_03 .list li:before {
    left: -.3rem;
    background-size: .5rem; }
  .about_03 .list li p {
    height: .8rem;
    line-height: .35rem;
    font-size: .22rem;
    padding: 0 .9rem 0 .3rem;
    display: flex;
    align-items: center;
    display: -webkit-flex;
    -webkit-align-items: center; }
  .about_03 .list ul:nth-child(1) li p {
    justify-content: flex-end;
    -webkit-justify-content: flex-end; }
  .about_03 .list ul:nth-child(2) li:before {
    right: -.3rem; }
  .about_03 .list ul:nth-child(2) li p {
    padding: 0 .3rem 0 .9rem; }

  .about_04 .list ul {
    justify-content: center;
    -webkit-justify-content: center; }
  .about_04 .list li {
    width: 33.333%;
    padding-bottom: .3rem; }
    .about_04 .list li .img {
      width: 1.4rem;
      margin: 0 auto; }
    .about_04 .list li p {
      height: .8rem;
      line-height: .8rem;
      font-size: .24rem; }

  .footLink li {
    width: 33.333%;
    text-align: center; }
    .footLink li a {
      font-size: .24rem; }

  .honor {
    padding: .5rem 0; }
    .honor ul {
      margin-left: -.3rem; }
    .honor li {
      width: 33.333%;
      padding: 0 0 .3rem .3rem; }
      .honor li .img {
        height: 3rem; }
      .honor li .name {
        font-size: .24rem;
        height: .8rem;
        line-height: .8rem; }

  .news {
    margin-left: -.3rem;
    margin-right: -.3rem;
    padding-top: 0; }
    .news li {
      padding: .5rem .3rem; }
      .news li .time {
        font-size: .22rem;
        left: .15rem; }
      .news li .img {
        width: 4.5rem;
        position: relative;
        top: 0; }
        .news li .img a {
          height: 2rem; }
      .news li .name {
        font-size: .24rem;
        padding-top: .3rem; }
      .news li p {
        font-size: .22rem;
        line-height: 1.8em; }
      .news li a.more {
        width: 1.5rem;
        line-height: .4rem; }

  .pageNum a {
    width: .6rem;
    height: .6rem;
    font-size: .22rem; }
    .pageNum a.arrow {
      width: 1.3rem; }

  .pageNow {
    display: none; }

  .newShow {
    padding-top: .5rem; }
    .newShow h2.title {
      font-size: .32rem; }
    .newShow .time {
      font-size: .22rem; }
    .newShow .content {
      font-size: .24rem;
      line-height: 1.8em; }

  .pageNum2 {
    font-size: .24rem; }
    .pageNum2 .list h2 {
      font-size: .28rem; }
    .pageNum2 .list li {
      width: 100%;
      height: .6rem;
      line-height: .6rem; }
    .pageNum2 .share dd:nth-child(1) {
      display: none; }
    .pageNum2 .share a {
      width: .4rem;
      height: .4rem; }
    .pageNum2 a.back {
      width: 1.5rem;
      line-height: .38rem; }

  .w930 {
    width: 100%;
    padding-top: .5rem; }

  .sideNav {
    display: none; }

  .product ul {
    margin-left: -.2rem; }
  .product li {
    width: 50%;
    padding: 0 .4rem .8rem .2rem; }
    .product li .name {
      padding: 0 0 0 .2rem; }
      .product li .name a {
        height: .6rem;
        line-height: .6rem;
        width: 2.5rem;
        font-size: .22rem; }

  .productImg {
    padding-top: .5rem; }
    .productImg h2.title {
      font-size: .32rem; }

  .productShow h2.title {
    font-size: .28rem;
    background-size: auto .7rem;
    line-height: .7rem;
    margin-left: -.3rem;
    padding-left: .3rem; }
  .productShow .content {
    font-size: .24rem;
    line-height: 1.8em; }
  .productShow .tableScroll {
    margin-left: -.3rem;
    margin-right: -.3rem; }
  .productShow .table {
    width: 100%;
    overflow-x: auto; }
    .productShow .table .title, .productShow .table li {
      width: 18rem; }
      .productShow .table .title .col, .productShow .table li .col {
        height: 1.4rem;
        line-height: 1.4rem; }
      .productShow .table .title .col-1, .productShow .table li .col-1 {
        width: 1.5rem; }
      .productShow .table .title .col-2, .productShow .table li .col-2 {
        width: 1.5rem; }
      .productShow .table .title .col-3, .productShow .table li .col-3 {
        width: 3.5rem; }
      .productShow .table .title .col-4, .productShow .table li .col-4 {
        width: 5rem; }
      .productShow .table .title .col-5, .productShow .table .title .col-6, .productShow .table li .col-5, .productShow .table li .col-6 {
        width: 1.5rem; }
      .productShow .table .title .col-7, .productShow .table li .col-7 {
        width: 2.5rem; }
      .productShow .table .title .col-8, .productShow .table li .col-8 {
        width: 2rem; }
      .productShow .table .title .btn a, .productShow .table li .btn a {
        width: .7rem;
        height: .7rem; }
    .productShow .table .title {
      font-size: .26rem; }
      .productShow .table .title .col-4 div, .productShow .table .title .col-7 div {
        height: .7rem;
        line-height: .7rem; }
      .productShow .table .title .col-4 dd, .productShow .table .title .col-7 dd {
        height: .7rem;
        line-height: .7rem;
        font-size: .24rem; }
    .productShow .table li {
      font-size: .24rem; }
      .productShow .table li .col-4 dd, .productShow .table li .col-7 dd {
        height: 1.4rem; }

  .application {
    padding: .5rem 0; }
    .application .wal:before {
      bottom: .3rem;
      width: 3.5rem; }
    .application ul {
      margin-left: -.3rem; }
      .application ul li {
        padding: 0 0 .3rem .3rem;
        width: 50%; }
      .application ul a .name h2 {
        font-size: .28rem; }
      .application ul a .name div {
        font-size: .22rem; }

  .applicationShow .title {
    background-size: 1.7rem;
    font-size: .26rem;
    padding-left: .46rem; }
  .applicationShow .content {
    font-size: .24rem;
    line-height: 1.8em; }
  .applicationShow .list a {
    font-size: .22rem; }
  .applicationShow .imgList {
    margin-left: -.3rem; }
    .applicationShow .imgList li {
      width: 50%;
      padding: 0 0 .3rem .3rem; }
    .applicationShow .imgList a .name {
      height: .7rem;
      line-height: .7rem;
      font-size: .22rem; }

  .faq {
    padding: .6rem 0; }
    .faq h2.title {
      font-size: .28rem;
      background-size: auto .7rem;
      line-height: .7rem;
      margin-left: -.3rem;
      padding-left: .3rem; }
    .faq .content {
      font-size: .24rem;
      line-height: 1.8em; }

  .pageTab {
    font-size: .26rem; }
    .pageTab li a {
      height: .6rem;
      line-height: .6rem;
      padding: 0 .3rem; }

  .down li .bg div {
    height: 1rem;
    margin-left: -.3rem;
    margin-right: -.3rem; }
  .down li .img {
    width: .32rem;
    margin-top: -.16rem; }
  .down li .name {
    height: 1rem;
    line-height: 1rem;
    padding: 0 2.7rem 0 .5rem;
    font-size: .24rem; }
  .down li .btn {
    font-size: .22rem; }
    .down li .btn span {
      display: none; }
    .down li .btn a {
      width: 1rem;
      height: .5rem;
      line-height: .48rem; }

  .pagePhotoLayer .container {
    width: 7.5rem; }
  .pagePhotoLayer a.arrow {
    display: none; }
  .pagePhotoLayer a.close {
    width: .7rem;
    height: .7rem; }

  .apply {
    padding-top: 2.5rem; }
    .apply:before {
      width: 6rem;
      top: 0; }
    .apply .form li .name {
      font-size: .26rem;
      padding-bottom: .16rem; }
    .apply .form li .input input {
      height: .68rem;
      line-height: .68rem;
      font-size: .24rem; }
    .apply .form li .input textarea {
      height: 3rem;
      line-height: .38rem;
      font-size: .24rem;
      padding: .15rem .2rem; }
    .apply .form .submit div {
      width: 2rem; }
      .apply .form .submit div input {
        height: .7rem;
        font-size: .26rem; }

  .pageSearch {
    padding: .5rem 0; }
    .pageSearch .tab {
      margin-left: -.3rem;
      margin-right: -.3rem;
      padding: 0 .3rem; }
      .pageSearch .tab li {
        width: 2rem;
        height: .8rem;
        line-height: .8rem;
        font-size: .26rem; }
    .pageSearch .form {
      margin-left: -.3rem;
      margin-right: -.3rem; }
      .pageSearch .form li {
        width: 100%;
        font-size: .24rem; }
        .pageSearch .form li .name {
          min-width: 1.3rem; }
        .pageSearch .form li em {
          width: .6rem; }
        .pageSearch .form li .input input {
          height: .68rem;
          line-height: .68rem;
          font-size: .24rem; }
      .pageSearch .form ul.ul-2 li {
        padding-left: 0;
        padding-right: 0; }
      .pageSearch .form .submit div {
        width: 2rem; }
        .pageSearch .form .submit div input {
          height: .7rem;
          font-size: .26rem; }
    .pageSearch .msg {
      font-size: .24rem; }
    .pageSearch .product li {
      width: 50%; }

  .wal.contact {
    margin: 0; }

  .contact {
    padding: 0; }
    .contact .list {
      width: 100%;
      padding: .6rem .5rem; }
      .contact .list li {
        padding: 0 0 .3rem 1rem; }
        .contact .list li .img {
          width: .8rem; }
        .contact .list li h2 {
          line-height: .6rem;
          font-size: .26rem; }
        .contact .list li p {
          font-size: .24rem; }
    .contact .map {
      width: 100%; }

  .contact_02 ul {
    margin-left: -.4rem; }
  .contact_02 li {
    padding-left: .4rem; }
    .contact_02 li .name {
      font-size: .26rem;
      padding-bottom: .16rem; }
    .contact_02 li .input input {
      height: .68rem;
      line-height: .68rem;
      font-size: .24rem; }
    .contact_02 li .input textarea {
      height: 3rem;
      line-height: .38rem;
      font-size: .24rem;
      padding: .15rem .2rem; }
  .contact_02 .submit div {
    width: 2rem; }
    .contact_02 .submit div input {
      height: .7rem;
      font-size: .26rem; }

  .job .msg {
    font-size: .24rem;
    line-height: 1.8em; }
  .job ul {
    margin-left: -.3rem;
    margin-right: -.3rem; }
  .job li .side {
    position: relative;
    width: 100%;
    height: auto;
    padding: .3rem; }
    .job li .side h2 {
      font-size: .32rem;
      padding: 0 0 .25rem .4rem;
      text-align: left; }
    .job li .side p {
      font-size: .24rem;
      line-height: 2em; }
  .job li .container {
    padding: .4rem .5rem .1rem .5rem;
    line-height: .5rem; }
    .job li .container h2 {
      font-size: .26rem; }
    .job li .container .content {
      font-size: .24rem; }

  .indexPart5 .list h2 {
    font-size: .24rem; }
  .indexPart5 .list li {
    font-size: .22rem;
    height: .5rem;
    line-height: .5rem;
    width: 25%; }

  .indexNews .container .img {
    width: 100%; }
  .indexNews .container .box {
    width: 100%; }
    .indexNews .container .box .time {
      font-size: .28rem; }
      .indexNews .container .box .time em {
        font-size: .56rem; }
    .indexNews .container .box h2 {
      font-size: .26rem; }
    .indexNews .container .box p {
      font-size: .22rem;
      line-height: 2em;
      padding: .2rem 0; }
    .indexNews .container .box a.more {
      font-size: .24rem; }
  .indexNews .list {
    margin-left: .4rem;
    margin-right: .4rem; }
  .indexNews .listWrapper a {
    font-size: .24rem; }
    .indexNews .listWrapper a .time b {
      font-size: .36rem; } }
@media screen and (max-width: 550px) {
  .wal {
    margin: 0 .3rem; } }

/*# sourceMappingURL=phone.css.map */